<template>
  <div class="main">
    <Header></Header>
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component"></component>
      </keep-alive>
    </router-view>
  </div>
</template>
<script lang='ts' >
import Header from './components/Header.vue'
import * as echarts from 'echarts'
import { provide } from 'vue'
export default {
  name: 'App',
  setup() {
    provide('ec', echarts)//provide
  },
  components: {
    Header
  }
}

</script>
<style lang="scss" scoped>
.main {
  width: 100%;
  height: 100vh;
  background-image: url('./assets/images/bg.png');
  background-size: cover;
  background-repeat: no-repeat;
}
</style>